<%@include file="startUpIncludes.jsp" %>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>New Call</title>
    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
				<jsp:include page="tabs.jsp" >
					<jsp:param value="leads" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>New Call</h3>
                <span class="numberError error-block">Please enter a valid number.</span>
               
                <form:form class="new-lead-form" method="post" action="/sales/s/new-call" id="newCallForm" commandName="callForm">
               <form:errors class="error-block"  path="*"/>
             
               
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a  href="/sales/s/leads" class="form-btn">Cancel</a>
                <a href="viewLead.html?id=${parentId}" class="form-btn" target="_blank">View Lead</a> 
                </div>
                <div class="form-row">
                <input type="hidden" name="parentId" value="${parentId}"/>
                <input type="hidden" name="parentType" value="${parentType}"/>
                 <input type="hidden" name="empId" value="${userDetails.id}"/>
                    <h4>Call Information</h4>
                    <div class="info"><label>Call Owner: </label><span>${userDetails.fName} ${userDetails.lName}</span></div>
                    <div class="info"><label>Lead Name: </label><span>${lead.fName}</span></div>
                    <div class="info"><label>Lead Company: </label><span>${lead.companyName}</span></div>
                    <div class="input-col">
                    
                        <label>CRM Staff: </label>
                        <form:select  class="TB" path="crmStaff">
                        <c:forEach items="${crmStaff}" var="staff">
                            <form:option value="${staff.id}">${staff.fName} ${staff.lName}</form:option>
                         </c:forEach>
                        </form:select>
                       
                        <label>Contacted Person   * : </label>
                        <form:select  class="TB" path="contactedPerson">
                        <c:forEach items="${contacts}" var="contact">
                            <form:option value="${contact.id}">${contact.fName}</form:option>
                         </c:forEach>
                        </form:select>
                        <label>Date   * : </label>
                       <jsp:include page="calendar-jquery.jsp" >
							<jsp:param value="datepicker" name="inputDateId"/>
						</jsp:include>
                        <form:input type="text" class="TB" id="datepicker" path="date"/>
                        <label>Stating Time   * : </label>
                        <jsp:include page="time-jquery.jsp" >
							<jsp:param value="time" name="inputTimeId"/>
						</jsp:include>
                        <form:input type="text" class="TB" path="startTime" id="time"/>
                        <label>Ending Time   * : </label>
                         <jsp:include page="time-jquery.jsp" >
							<jsp:param value="endtime" name="inputTimeId"/>
						</jsp:include>
                        <form:input type="text" class="TB" path="endTime" id="endtime"/>
                    </div>
                    <div class="input-col">
                        <label>In/Out Call: </label>
                        <form:radiobutton class="RdCh" path="inOutCall" value="true"/><span class="RdCh">In</span>
                        <form:radiobutton class="RdCh" path="inOutCall" value="false"/><span class="RdCh">Out</span>
                        <label>Decision Maker   *: </label>
                        <form:radiobutton class="RdCh" path="decisionMaker" value="true"/><span class="RdCh">yes</span>
                        <form:radiobutton class="RdCh" path="decisionMaker" value="false"/><span class="RdCh">No</span>
                        <label>Comment: </label>
                        <form:textarea class="TB" path="comment" placeholder="Enter your comment on the call"></form:textarea>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Next Follow Up Information</h4>
                    <div class="input-col">
                        <label>Next Follow Up: </label>
                       <form:radiobutton class="RdCh" path="nextFollowUp" value="true"/><span class="RdCh">yes</span>
                        <form:radiobutton class="RdCh" path="nextFollowUp" value="false"/><span class="RdCh">No</span>
                        <label>Next Follow Up Type: </label>
                        <form:select class="TB" path="nextFollowUpType">
                        	<form:option value="none">--none--</form:option>
	                        <form:option value="call">Call</form:option>
	                        <form:option value="appointment">Appointment</form:option>
                        </form:select>
                    </div>
                    <div class="input-col">
                        <label>Next Follow Up Date: </label>
                        <jsp:include page="calendar-jquery.jsp" >
							<jsp:param value="FollowUpDate" name="inputDateId"/>
						</jsp:include>
                        <form:input type="text" class="TB" path="nextFollowUpDate"id="FollowUpDate"/>
                        <label>Next Follow Up Details: </label>
                        <form:input type="text" class="TB" path="nextFollowUpDetails"/>
                    </div>
                </div>
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a href="/sales/s/leads" class="form-btn">Cancel</a>
                </div>
                </form:form>
                </div>
            </div>
        </div>
        
    <%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>